<?php
$thong_baos = HomeController::showTB(Session::get("quyen"), Session::get("infor.idbm")[0],Session::get("infor.id_nd")[0]);
?>
<table width="100%" cellspacing="0" cellspacing="0" cellpadding="0" border="0">
    <tr> 
        <td class="tl_main"></td>
        <td class="tc_main"></td>
        <td class="tr_main"></td>    
    </tr>
    <tr>
        <td class="cl_main"></td>
        <td>
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                <tr>  
                    <td class="tieude_danhgia brt blt bbot btop" style="font-size:14px;font-weight: bold;color:#3333ff; ">
                        Các thông báo:
                    </td>
                </tr>
                <tr>  
                    <td class="brt blt bbot">
                        <div id="thongbao_dg">
                            <ul style="width: 100%">  
                                <?php
                                if (count($thong_baos) != 0) {
                                    for ($i = 0; $i < count($thong_baos); $i++) {
                                        ?>
                                        <li>
                                            <div style="border-bottom: 1px dashed #000;line-height:20px;text-align: left;padding:5px">
                                                <div id="rutgon_<?= $i ?>">
                                                    <?= substr(htmlentities($thong_baos[$i]), 0, 100) ?>...
                                                </div>
                                                <div id="full_<?= $i ?>" style="display: none;">
                                                    <?= htmlentities($thong_baos[$i]) ?>
                                                </div>
                                                <div id="a_link">
                                                    <a id="link_<?= $i ?>" class="open" onclick="return show_hide('full_<?= $i ?>', 'link_<?= $i ?>', 'rutgon_<?= $i ?>')" href="#">Xem đầy đủ</a>
                                                </div>
                                            </div>
                                        </li>   
                                        <?php
                                    }
                                }
                                else{
                                    echo "<strong style='padding:10px;'>Không có thông báo</strong>";
                                }
                                ?>  
                            </ul>
                        </div>
                    </td>
                </tr>
            </table>
        </td>
        <td class="cr_main"></td>
    </tr>
    <tr>
        <td class="bl_main"></td>
        <td class="bc_main"></td>
        <td class="br_main"></td>  
    </tr>
</table>
<style type="text/css">
    #full{display: none}
    #a_link a{color: green; padding-left: 15px}
    #a_link a.open {background: url(<?= URL ?>public/images/open.gif) no-repeat left center}
    #a_link a.close {background: url(<?= URL ?>public/images/close.gif) no-repeat left center}
</style>
<script type='text/javascript'>
    $('#thongbao_dg').vTicker({
        speed: 1000,
        pause: 4000,
        animation: 'fade',
        mousePause: true,
        showItems: 2,
        height: 200
    });
    function show_hide(idfull, idlink, idrutgon) {
        //Nếu thành phần div id="full" chưa được hiện
        if (document.getElementById(idfull).style.display != 'block') {
            //Hiện thành phần div id="full"
            document.getElementById(idfull).style.display = 'block';
            document.getElementById(idrutgon).style.display = 'none';
            //Thay thế text của liên kết
            document.getElementById(idlink).innerHTML = 'Rút gọn';
            //Gán class "close" cho liên kết
            document.getElementById(idlink).className = 'close';
        }
        //Nguợc lại, nếu thành phần đang được hiện
        else {
            //Ẩn thành phần div id="full"
            document.getElementById(idfull).style.display = 'none';
            document.getElementById(idrutgon).style.display = 'block';
            document.getElementById(idlink).innerHTML = 'Xem đầy đủ';
            document.getElementById(idlink).className = 'open';
        }
        return false;
    }

</script>